.GetRecord {
  width: 100%;
  height: 100%;
  padding: 20rpx;
}
.recordWrap {
  width: 710rpx;
  height: auto;
  background: #FFF9DE;
  box-shadow: 0 2rpx 4rpx 0 #DC860A, inset 0 0 8px 0 #FFEA8A;
  border-radius: 8px 8px 0 0;
  padding: 24rpx;
  box-sizing: border-box;
  /* display: flex;
  flex-wrap: wrap; */
}
.recordList {
  width: 320rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  margin-bottom: 20rpx;
  float: left;
}
.recordList:nth-child(odd) {
  margin-right: 20rpx;
}
.dollIcon {
  width: 320rpx;
  height: 320rpx;
  background: url() no-repeat center;
  background-size: cover;
  border-radius: 8rpx;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dollIcon div {
  width: 100%;
  height: 48rpx;
  background-color: rgba(255, 255, 255, .7);
}
.stateIcon {
  font-size: 20rpx;
  line-height: 48rpx;
  
}
.dollName {
  font-size: 28rpx;
  color: #1A1A1A;
  line-height: 52rpx;
  padding: 10rpx 0 0 20rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dollTime {
  font-size: 10px;
  color: #A5A5A5;
  line-height: 28rpx;
  padding:0 0 20rpx 20rpx;
}
.stateIcon1 {
  background: url(../../../image/32.png) no-repeat left center;
  background-size: 104rpx 36rpx;
}
.stateIcon2 {
  background: url(../../../image/33.png) no-repeat left center;
  background-size: 104rpx 36rpx;
}
.stateIcon3 {
  background: url(../../../image/34.png) no-repeat left center;
  background-size: 104rpx 36rpx;
}
.stateIcon4 {
  background: url(../../../image/35.png) no-repeat left center;
  background-size: 104rpx 36rpx;
}
.recordWrapNo {
  width: 100%;
  height: 1200rpx;
  padding-top: 750rpx;
  box-sizing: border-box;
  background: url(../../../image/47.png) no-repeat center;
  background-size: 200rpx;
  text-align: center;
  color: #DC860A;
}
.listView {
  width: 100%;
  height: 100%;
}